body{font-family:Nunito Sans}
input,textarea,select{border: 1px solid #D5D5D5;border-radius: 10px;height: 50px;color:#303030;-webkit-appearance:none;padding: 12px;}
a,a:hover,a:focus{color: inherit;}
a.link{text-decoration: underline;}
.page-search-order .note{font-size:14px;}
.category-top{border:none}
.search-order-form{max-width:390px;width:100%}
.order-track-panel{background: #F9F9F9;}
.order-track-panel>.panel-body{max-width:1600px;margin:0 auto;border-top:1px solid #D5D5D5;border-bottom:1px solid #D5D5D5;padding:0}
.order-track-panel .order-track-content{padding:20px 0}
.order-track-panel .order-track-content>.title{font-size: 18px;font-weight: bold;line-height: 24px;color: #303030;margin-bottom:20px}
.user-info-item{font-size: 12px;display: flex;align-items: center;justify-content: flex-start;padding: 10px 0;}
.user-info-item *{margin:0}
.user-info-item i{display: inline-block;width: 27px;height: 27px;text-align: center;margin-right: 5px;flex-shrink: 0;}
.user-info-item i>img{max-width: none;}
.user-info-item label{margin-bottom: 0;line-height: 1.3;font-size:14px;font-weight:bold;}
.user-info-item label>span{font-weight: 400;}
.order-track-panel .order-track-info{border-top:1px solid #D5D5D5;font-weight: bold;line-height: 19px;color: #303030;padding:12px 0;}
.order-track-panel .order-track-info>a{color:#387821;text-decoration: underline;}
.order-change-btn{height: 26px;background: #87AE79;border-radius: 13px;font-size: 14px;color:#FFF;padding:0 14px;line-height:26px;display: block;}
.order-change-btn:hover,.order-change-btn:focus,.order-change-btn:visited{color: #fff}
.order-progress-list{max-width:1600px;margin:0 auto;}
.order-progress-list ul{display:block;margin:0;width:870px;padding:18px 0 4px 40px;position:relative;}
.order-progress-list ul:before{width:1px;height:calc(100% - 62px);background:#D5D5D5;position:absolute;content:"";top:30px;bottom:22px;left:16px}
.order-progress-list ul li{list-style:none;font-size:14px;font-weight:400;margin-bottom:14px;line-height:19px;position:relative;color: #303030;}
.order-progress-list ul li:before{width:6px;height:6px;background:#8B8B8B;border-radius:100%;position:absolute;left:-27px;top:50%;margin-top:-4px;content:"";}
.order-progress-list ul li.active:before{width:12px;height:12px;background:#87AE79;border-radius:100%;position:absolute;left:-30px;top:50%;margin-top:-5px;content:"";}
.order-progress-list ul li:first-child:before{width:22px;height:22px;background:url(../images/track/arrive_icon.svg) no-repeat center;background-size:100% auto;content:"";position:absolute;left:-34px;top:50%;margin-top:-12px;}
.order-progress-list ul li.progress-active:before{width:12px;height:12px;background:#87AE79;border-radius:100%;position:absolute;left:-29px;top:50%;margin-top:-8px;content:"";}
.order-progress-list ul li:last-child:before{width:22px;height:22px;background:url(../images/track/issue_icon.svg) no-repeat center;background-size:100% auto;content:"";position:absolute;left:-34px;top:50%;margin-top:-12px;}
.message-modal .modal-content{background-color: rgba(0,0,0,0.8);width: auto;color: #fff;max-width: 200px;border: none;}
.message-modal .modal-dialog{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem);}
.message-modal.fade .modal-dialog{transform: none;}
.modal-backdrop.in{opacity: 0.2}
.modal-dialog{width: 720px}
.modal-content{border: none;border-radius: 0;box-shadow: none;padding: 0 30px}
.modal-header{padding: 13px 0;border-bottom: 1px solid #D5D5D5;}
.modal-title {font-size: 18px;font-weight: bold;color: #303030;line-height: 24px}
.modal-header .close {margin-top: 0;background: url(../images/modal_close_pc.svg) no-repeat center;width: 22px;height: 22px;opacity: 1;}
.modal-body{padding:18px 0}
#track-changebox .title{font-size: 14px;font-weight: bold;color: #303030;line-height: 19px;margin-bottom: 6px}
#shipping_address_container>.row{margin-left: -10px;margin-right: -10px;}
.row .track_col{width: calc(50% - 20px);float: left;margin: 0 10px 12px;}
.change-confirm{width:calc(50% - 20px);height: 50px;background: #303030;color:#fff;font-size: 16px;font-weight:bold; border-radius: 10px;display: block; border: none;}
.special_product{max-width:1600px;margin: 50px auto;}
.special_product .title{font-size: 16px;font-weight: bold;line-height: 22px;margin-bottom: 30px;}
@media (max-width: 767px) {
    .page-search-order .search-order-banner{margin-bottom:20px;}
    .order-progress-list{width:100%;padding:0;}
    .order-progress-list ul{padding: 8px 0 0 34px; width: 100%;}
    .order-progress-list ul li{line-height:18px;font-size:12px;margin-bottom:12px;}
    .order-progress-list ul:before {height: calc(100% - 30px);top: 16px;bottom: 8px;left: 13px;}
    .order-progress-list ul li:before{left: -24px;}
    .order-progress-list ul li.progress-active:before{left: -27px;}
    .order-progress-list ul li:first-child:before,.order-progress-list ul li:last-child:before{width:28px;height:28px;left: -34px;margin-top: -16px;}
    .modal-header .close{background: url(../images/modal_close.png) no-repeat center;width: 76px;height: 76px;opacity: 1;top: 0;right: 0;position: absolute;}
    .modal-title {font-size: 16px;line-height: 22px}
    .modal-dialog{width: auto}
    .row .track_col,.change-confirm{width: 100%}
    .modal-content{padding: 0 20px}
    .modal-header{padding:20px 0;border:none}
    #shipping_address_container>.row{margin: 0}
    .row .track_col{margin: 0 0 12px;}
}
@media only screen and (max-width:991px) {
    .order-track-panel .order-track-content{padding:16px 20px}
    .order-track-panel .order-track-info{padding:20px;}
    .order-progress-list{padding:20px 14px}
    .user-info-item label{display: inline-flex;flex-direction: column;align-items: flex-start;text-align: left;}
    .user-info-item label>span {margin: 0;}
    .order-track-panel .order-track-content>.title{margin-bottom:10px;font-size:16px;line-height:22px;}
    .special_product{margin: 30px auto;padding:0 20px;}
    .special_product .title{font-size: 14px;line-height: 19px;margin-bottom: 12px;}
}
@media only screen and (min-width:992px) {
    .content-padding{width: 100%;max-width: 1380px;padding: 0 20px;margin: 0 auto 100px;}
    .user-info-item,#result-container .f-12{font-size: 14px !important;}
    .user-info-item{justify-content: flex-start;}
    .user-info-item label{margin-right: 30px;}
    .user-info-item:nth-child(1),.user-info-item:nth-child(2){display: inline-flex;min-width: 240px;}
}